.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height:600px;}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; bottom:50px; z-index:99}
.banner .hd ul li{ width:10px; height:10px; border-radius:5px; background:#004b6d; display:inline-block; vertical-align:top; font-size:0; margin:0 5px; transition:all 0.5s}
.banner .hd ul li.on{ width:60px; background:#004b6d;}
.banner .next{ display:block; width:68px; height:88px; background:url("banner-icon_05.png"/*tpa=http://www.junhousign.com/images/banner-icon_05.png*/) center center no-repeat; position:absolute; right:15%; top:50%; z-index:8; margin-top:-44px}
.banner .prev{ display:block; width:68px; height:88px; background:url("banner-icon_03.png"/*tpa=http://www.junhousign.com/images/banner-icon_03.png*/) center center no-repeat; position:absolute; left:15%; top:50%; z-index:8; margin-top:-44px}

.gtop{ width:100%; text-align:center; padding:90px 0}
.gcon_1{ width:100%}
.gcon_1 .nr{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.gcon_1 .nr .lt{ float:left; width:992px; height:498px;}
.gcon_1 .nr .rt{ float:right; width:928px; height:498px; background:#999999}
.gcon_1 .nr .rt dl{ width:565px; padding-left:85px; padding-top:95px}
.gcon_1 .nr .rt dl dt{ font-size:20px; line-height:1}
.gcon_1 .nr .rt dl dt a{ color:#fff}
.gcon_1 .nr .rt dl dd.d{ line-height:30px; color:#fff; margin-top:35px; font-size:16px}
.gcon_1 .nr .rt dl dd.i a{ display:block; width:145px; height:46px; text-align:center; line-height:46px; color:#fff; background:#004b6d; font-size:16px; text-transform:uppercase; margin-top:75px; transition:all 0.5s}
.gcon_1 .nr .rt dl dd.i a:hover{ display:block; width:145px; height:46px; text-align:center; line-height:46px; color:#fff; background:#b6061e; font-size:16px; text-transform:uppercase; margin-top:75px;}
.gcon_2{ width:100%; background:url("g_06.jpg"/*tpa=http://www.junhousign.com/images/g_06.jpg*/) top center no-repeat;}
.gcon_2 .nr01{ width:1200px; margin:0 auto}
.gcon_2 .nr01 ul{ margin-left:40px}
.gcon_2 .nr01 ul li{ width:277px; float:left; height:97px; background:url("normal.png"/*tpa=http://www.junhousign.com/images/normal.png*/) left center no-repeat; margin-left:-47px}
.gcon_2 .nr01 ul li a{ display:block; width:277px; float:right; height:97px; line-height:97px; color:#fff; text-align:center; font-size:18px}
.gcon_2 .nr01 ul li:hover{ background:url("hover.png"/*tpa=http://www.junhousign.com/images/hover.png*/) left center no-repeat}
.gcon_2 .pic_left{ width:1200px; margin:0 auto; position:relative; padding:60px 0 70px}
.gcon_2 .pic_left .bd{ width:1200px; overflow:hidden}
.gcon_2 .pic_left .bd ul li{ width:270px; height:360px; overflow:hidden; position:relative; margin-right:40px}
.gcon_2 .pic_left .bd ul li a.more{ display:block; width:100%; height:100%; background:url("g_22.png"/*tpa=http://www.junhousign.com/images/g_22.png*/) center 130px no-repeat rgba(00,00,00,0.4); position:absolute; left:0; top:-360px; text-align:center; color:#fff; font-size:22px; transition:all 0.5s}
.gcon_2 .pic_left .bd ul li a.more i{ margin-top:170px; display:inline-block}
.gcon_2 .pic_left .bd ul li:hover a.more{ top:0}
.gcon_2 .pic_left .prev{ display:block; width:46px; height:68px; background:url("g_10.png"/*tpa=http://www.junhousign.com/images/g_10.png*/) center center no-repeat; position:absolute; top:50%; margin-top:-34px; left:-70px; cursor:pointer}
.gcon_2 .pic_left .next{ display:block; width:46px; height:68px; background:url("g_11.png"/*tpa=http://www.junhousign.com/images/g_11.png*/) center center no-repeat; position:absolute; top:50%; margin-top:-34px; right:-70px; cursor:pointer}
.gcon_3{ width:100$; background:#f6fbff}
.gcon_3 .nr{ width:1200px; margin:0 auto; padding-bottom:85px} 
.gcon_3 ul li{ float:left; margin-right:5px; margin-bottom:5px; overflow:hidden; position:relative}
.gcon_3 ul li:nth-child(3n){ margin-right:0}
.gcon_3 ul li img{ vertical-align:top;}
.gcon_3 ul li span{ display:block; width:100%; height:100%; background:url("g_22.png"/*tpa=http://www.junhousign.com/images/g_22.png*/) center 85px no-repeat rgba(00,00,00,0.4); position:absolute; left:0; top:-240px; text-align:center; color:#fff; font-size:22px; transition:all 0.5s}
.gcon_3 ul li:hover span{ top:0}
.gcon_3 ul li span i{ display:inline-block; margin-top:120px}

.gcon_4{ width:100%}
.gcon_4 .more{ display:block; width:146px; height:46px; text-align:center; line-height:46px; color:#fff; background:#004b6d; font-size:16px; text-transform:uppercase; margin-bottom:90px; position:relative; left:50%; margin-left:-73px; transition:all 0.5s}
.gcon_4 .more:hover{ display:block; width:146px; height:46px; text-align:center; line-height:46px; color:#fff; background:#b6061e; font-size:16px; text-transform:uppercase; margin-bottom:90px; position:relative; left:50%; margin-left:-73px}

.gcon_5{ width:1920px; height:159px; background:url("g_16.png"/*tpa=http://www.junhousign.com/images/g_16.png*/) center center no-repeat; padding-top:1px; position:relative; left:50%; margin-left:-960px;}
.gcon_5 .nr{ width:1200px; margin:0 auto}
.gcon_5 .nr .lt{ float:left; font-size:18px; color:#fff; line-height:32px; padding-top:50px}
.gcon_5 .nr .rt{ float:right; margin-top:55px}
.gcon_5 .nr .rt label{ font-size:16px; color:#fff; padding-right:10px; padding-left:30px}
.gcon_5 .nr .rt .inp1{ width:210px; height:45px; box-sizing:border-box; border:0; padding:0 10px}
.gcon_5 .nr .rt .inp2{ width:95px; height:45px; border:0; box-sizing:border-box; background:#dd1e32; color:#fff; font-size:16px; vertical-align:top; margin-left:10px; cursor:pointer; transition:all 0.5s}
.gcon_5 .nr .rt .inp2:hover{ width:95px; height:45px; border:0; box-sizing:border-box; background:#b6061e; color:#fff; font-size:16px; vertical-align:top; margin-left:10px; cursor:pointer}
.gcon_6{ width:1200px; margin:0 auto}
.gcon_6 ul li{ width:583px; float:left; background:#f1f1f1; margin-bottom:35px}
.gcon_6 ul li .pic{ float:left; width:163px; height:159px; margin-right:25px; overflow:hidden}
.gcon_6 ul li .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_6 ul li .pic:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.gcon_6 ul li .tit{ float: left}
.gcon_6 ul li .tit dl{ width:370px; margin-top:30px}
.gcon_6 ul li .tit dl dt{ font-size:18px; padding-bottom:15px}
.gcon_6 ul li .tit dl dt a{ display:inline-block; vertical-align:top; color:#333; line-height:27px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width:300px}
.gcon_6 ul li .tit dl dt span{ float:right; font-size:12px; color:#aaa; line-height:27px;}
.gcon_6 ul li .tit dl dd{ font-size:14px; color:#999; text-align:justify}
.gcon_6 ul li:hover .tit dl dt a{ color:#dd1e32}
.gcon_6 ul li.rli{ float:right}
.gcon_6 .more{ display:block; width:146px; height:46px; text-align:center; line-height:46px; color:#fff; background:#004b6d; font-size:16px; text-transform:uppercase; margin-top:55px; position:relative; left:50%; margin-left:-73px; transition:all 0.5s}
.gcon_6 .more:hover{ background:#b6061e}

.gcon_7{ width:1200px; margin:0 auto}
.gcon_7 .list{ width:1250px; padding-bottom:70px}
.gcon_7 .list li{ width:184px; float:left; margin-right:19px; margin-bottom:19px; border:1px solid #ccc; overflow:hidden;    text-align: center;}
.gcon_7 .list li img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_7 .list li:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.gcon_7 .list li a{ display:block; width:100%; height:100%; line-height:89px; text-align:center; font-size:20px; color:#ccc}
.gcon_7 .list li img{ vertical-align:top;}